// 获取文章数据
$.ajax({
  type: 'get',
  url: '/posts',
  success: function(response) {
    showTpl(response)
  }
})
//  绑定点击事件

function changePage(id,e) {
  $.ajax({
    type: 'get',
    url: '/posts',
    data: {
      page: id
    },
    success: function(response) {
      showTpl(response)
    }
  })
}
//  查询分类列表
$.ajax({
  type: 'get',
  url: '/categories',
  success: function(response) {
    let html = template('catePostTpl', {data: response})
    $('#allCatePost').html(html)
  }
})
// 筛选文章内容
$('.filterCate').on('click', function() {
  let category = $('#allCatePost').val()
  let state = $('#postState').val()
  $.ajax({
    type: 'get',
    url: '/posts',
    data: {
      category: category,
      state: state
    },
    success: function(response) {
     showTpl(response)
    }
  })
})
//  封装展示模板的函数
function showTpl(response) {
  let html = template('showPostTpl', {data: response.records})
  $('.artTable tbody').html(html)
  let pageContent = template('pageChangeTpl', response)
  $('.pagination').html(pageContent)
}
//  点击删除文章
$('.artTable').on('click','.deletePost', function() {
  if (confirm('你确定进行删除操作吗')) {
    let id = $(this).attr('data-id')
  $.ajax({
    type: 'delete',
    url: '/posts/'+ id,
    success: function(response) {
      location.reload()
    }
  })
  }
})
